require('../css/register.less')
require('../fonts/iconfont.css')


let numDom = document.querySelector('.num')
let option = document.querySelector('.option')
let body = document.querySelector('body')
let toast = document.querySelector('.toast')

option.addEventListener('click', function () {
    numDom.style.display = 'block'

})

body.addEventListener('click', function (event) {
    let str = event.target.className
    let arr = str.split(' ')
    if (arr.indexOf('option') == -1 && arr.indexOf('iconfont') == -1) {
        numDom.style.display = 'none'
    }
})

numDom.addEventListener('click', function () {
    option.innerHTML = event.target.innerHTML + '<i class="iconfont icon-sanjiaoxia"></i>'

})


// //手机号
let tell = document.querySelector('.tell')
// tell.addEventListener('blur', function () {
//     let isReg = utils.tell(tell.value);
//     if (isReg == false) {
//         tell.value = '格式错误'
//     }
// })
// tell.addEventListener('focus', function () {
//     tell.value = null
// })

// //密码
let pwd = document.querySelector('.pwd')
// pwd.addEventListener('blur', function () {
//     let isReg = utils.pwdreg(pwd.value);
//     if (isReg == false) {
//         pwd.value = '格式错误'
//     }

// })
// pwd.addEventListener('focus', function () {
//     pwd.value = null
// })

// //确认密码
let repwd = document.querySelector('.repwd')

// repwd.addEventListener('blur', function () {
//     if (repwd.value != pwd.value) {
//         repwd.value = '两次密码不相同'
//     }
// })

// repwd.addEventListener('focus', function () {
//     repwd.value = null
// })

//验证码
let captcha1 = new CaptchaMini({});
let code = document.querySelector('.code')
let register = document.querySelector('.register')
let sum = null
captcha1.draw(document.querySelector('#captcha'), function (res) {
    sum = res.toLowerCase()
    // // 验证验证码
    // register.addEventListener('click', function () {
    //     console.log(res.toLowerCase());
    //     console.log(code.value.toLowerCase());

    //     if (code.value.toLowerCase() != res.toLowerCase()) {
    //         toast.style.display = 'block'
    //         toast.innerHTML = `
    //         <i class="iconfont icon-shibai"></i><div>验证码错误</div>
    //         `
    //         setTimeout(function () {
    //             toast.innerHTM = ''
    //             toast.style.display = 'none'
    //         }, 2000)
    //     }
    // })
    // code.addEventListener('focus', function () {
    //     code.value = ''

    // })
})

//注册按钮
register.addEventListener('click', function () {
    if (utils.tell(tell.value) == true && utils.pwdreg(pwd.value) == true && repwd.value == pwd.value &&
        sum == code.value.toLowerCase()
    ) {
        let data = {
            account: tell.value,
            password: pwd.value
        }
        $http.post('/users/add', data, function (res) {
            if (res.status == 1) {
                utils.show(1, '用户名已存在')
                // toast.style.display = 'block'
                // toast.innerHTML = `<i class="iconfont icon-shibai"></i><div>用户名已存在</div>`
                // setTimeout(function () {
                //     toast.innerHTM = ''
                //     toast.style.display = 'none'
                // }, 2000)
                return
            }
            if (res.status == 0) {
                utils.show(0, '注册成功')
                // toast.style.display = 'block'
                // toast.innerHTML = `<i class="iconfont icon-chenggong"></i><div>注册成功</div>`

                $http.post('/users/login', data, function (res) {
                    if (res.status == 555) {
                        utils.show('账号或密码错误')
                        return
                    }
                    localStorage.setItem('user', JSON.stringify(res.data.user))
                    location.href = '../page/home.html';

                })
            }


        })
    } else {


        if (code.value.toLowerCase() != sum) {
            utils.show(1, '验证码错误')

            // toast.style.display = 'block'
            // toast.innerHTML = `
            //         <i class="iconfont icon-shibai"></i><div>验证码错误</div>
            //         `
            // setTimeout(function () {
            //     toast.innerHTM = ''
            //     toast.style.display = 'none'
            // }, 2000)
        }

        //手机验证
        if (utils.tell(tell.value) != true) {
            utils.show(1, '手机验证失败')
            // toast.style.display = 'block'
            // toast.innerHTML = `
            // <i class="iconfont icon-shibai"></i><div>手机验证失败</div>
            // `
            // setTimeout(function () {
            //     toast.innerHTM = ''
            //     toast.style.display = 'none'
            // }, 2000)
        }

        //密码验证
        if (utils.pwdreg(pwd.value) != true) {
            utils.show(1, '密码验证失败')

            // toast.style.display = 'block'
            // toast.innerHTML = `
            //     <i class="iconfont icon-shibai"></i><div>密码验证失败</div>
            //     `
            // setTimeout(function () {
            //     toast.innerHTM = ''
            //     toast.style.display = 'none'
            // }, 2000)
        }
        //确认密码验证
        if (pwd.value != repwd.value) {
            utils.show(1, '两次密码不一致')
            // toast.style.display = 'block'
            // toast.innerHTML = `
            // <i class="iconfont icon-shibai"></i><div>两次密码不一致</div>
            // `
            // setTimeout(function () {
            //     toast.innerHTM = ''
            //     toast.style.display = ''
            // }, 2000)
        }
    }
})